/*
* @Author: Administrator
* @Date:   2017-10-23 15:42:35
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-08 10:30:15
*/
.link-me{
	width: 100%;
	margin-bottom: 20px;

	ul{
		overflow: hidden;
		li{
			display: inline-block;
			width: 25%;
			padding:10px;
			a{
				color: #747F8C;
			    width: 62px;
			    display: block;
			    text-align: center;
			    padding-top: 60px;
			    &:hover{

					opacity:0.6;
			    }
			    &.email{
					background: url(../../static/image/gz02.png) left top no-repeat;
			    }
			    &.tell{
					background: url(../../static/image/gz01.png) left top no-repeat;
			    }
			    &.qq{
					background: url(../../static/image/gz03.png) left top no-repeat;
			    }
			    &.weichat{
					background: url(../../static/image/gz04.png) left top no-repeat;
			    }
			}
		}

	}	
	.wei-chat-img{
		display: block;
		width: 400px;
		height: 400px;
		background: url(../../static/image/weichat.jpg) center center no-repeat;
		position: fixed;
		left: 0;
		right: 0;
		margin: 0 auto;
		top:-400px;
		box-shadow: 2px 1px 15px #000;

	}
	.active{
		animation:drop 1s ease-out forwards;
		-webkit-animation:drop 1s ease-out forwards;

	}
}
@keyframes drop{
	60%{
		top:50%;
		margin-top: -200px
	}
	70%{
		margin-top: -300px;
		top:50%;

	}
	80%{
		margin-top: -200px;
		top:50%;
	}
	90%{
		margin-top: -225px;
		top:50%;

	}
	100%{
		margin-top: -200px;
		top:50%;

	}
}
@-webkit-keyframes drop{
	60%{
		top:50%;
	}
	70%{
		margin-top: -300px;
		top:50%;

	}
	80%{
		margin-top: -150px;
		top:50%;
	}
	90%{
		margin-top: -225px;
		top:50%;

	}
	100%{
		margin-top: -200px;
		top:50%;

	}
}  